/**
 * @author truexin
 * @date   16/05/25
 */
@import "../mixins";

.yue-release {
    background-image: url("../images/yue/release.jpg");
    background-repeat:no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    color: #ccc;
    .theme {
        text-align: center;
        line-height: .5rem;
        font-weight: normal;
        font-size: .2rem;
    }
    .invite-page {
        //display: none;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        background: rgba(0, 0, 0, .8);
        z-index: 999;
        button {
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            background: #000;
            color: #ccc;
            height: .5rem;
            font-size: .18rem;
            font-weight: 700;
            border: none;
            border-top: 1px solid #666;
        }
        .select-event {
            li {
                padding-left: 1rem;
                height: .7rem;
                line-height: .7rem;
                font-size: .16rem;
                border-top: 1px solid rgba(100, 100, 100, .3);
                &:last-child {
                    border-bottom: 1px solid rgba(100, 100, 100, .3);
                }
                position: relative;
                i {
                    position: absolute;
                    right: .3rem;
                    top: 0;
                    font-family: "yue-detail" !important;
                    font-size: .2rem;
                    font-style: normal;
                    color: #ccc;
                    @include iconAfter('\e6c5');
                    transform: rotate(180deg);
                }
                span {
                    display: inline-block;
                    width: .35rem;
                    height: .35rem;
                    border-radius: .25rem;
                    background: #f00;
                    position: absolute;
                    left: .3rem;
                    top: .18rem;
                    padding-left: .05rem;
                    line-height: .35rem;
                    font-family: "yue-release" !important;
                    font-size: .25rem;
                    &.rice {
                        background: #9e449b;
                        @include iconAfter('\e6c8');
                    }
                    &.run {
                        background: #355ba6;
                        @include iconAfter('\e6c9');
                    }
                    &.walk {
                        background: #00beca;
                        @include iconAfter('\e6ca');
                    }
                    &.sea {
                        background: #d65033;
                        @include iconAfter('\e6cb');
                    }
                    &.sport {
                        background: #dd8c16;
                        @include iconAfter('\e6bc');
                    }
                    &.party {
                        background: #01bf93;
                        @include iconAfter('\e6cc');
                    }
                }
            }
        }
    }
    * {
        padding: 0;
        margin: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    li {
        list-style-type: none;
    }
}
	



